<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>风险调查-发起协查</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="../js/plugins/layui/css/layui.css" rel="stylesheet">
    <link href="../css/plugins/steps/jquery.steps.css" rel="stylesheet">
    <link href="../js/plugins/mockselect/jquery.dropdown.css" rel="stylesheet">
    <link href="../css/style.css?v=4.1.0" rel="stylesheet">
</head>
<body>
<div class="wrapper wrapper-content">
    <div id="wizard" role="application" class="wizard clearfix">
        <div class="steps clearfix">
            <ul role="tablist">
                <li role="tab" class="done">
                    <a href="#wizard-h-0"><span class="number">第一步.</span> 风险登记</a>
                </li>
                <li role="tab" class="done">
                    <a href="#wizard-h-1"><span class="number">第二步.</span> 风险审核</a>
                </li>
                <li role="tab" class="first current">
                    <a href="#wizard-h-2"><span class="number">第三步.</span> 风险调查</a>
                </li>
                <li role="tab" class="done">
                    <a href="#wizard-h-3"><span class="number">第四步.</span> 风险处置</a>
                </li>
            </ul>
        </div>
    </div>
    <fieldset class="layui-elem-field layui-field-title">
        <legend>协查内容</legend>
    </fieldset>
    <form class="layui-form" action="">
        <div class="layui-row">
            <div class="layui-form-item">
                <label class="layui-form-label">工商所</label>
                <div class="layui-input-block">
                    <div class="dropdown-mul-2">
                        <select name="" style="display: none !important;" lay-ignore multiple
                                placeholder=""> </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-form-item">
                <label class="layui-form-label">派出所</label>
                <div class="layui-input-block">
                    <div class="dropdown-mul-1">
                        <select name="" style="display: none" lay-ignore multiple placeholder=""> </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-form-item">
                <label class="layui-form-label">交办单位</label>
                <div class="layui-input-block">
                    <div class="dropdown-mul-3">
                        <select name="" style="display: none !important;" lay-ignore multiple
                                placeholder=""> </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">办结时间</label>
                    <div class="layui-input-block">
                        <input type="text" name="date" id="date" lay-verify="date" placeholder="请选择办结时间"
                               autocomplete="off" class="layui-input" value="2018-04-24 12:00:00">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-form-item">
                <label class="layui-form-label">协查说明</label>
                <div class="layui-input-block">
                    <input type="text" name="number" lay-verify="required|number" autocomplete="off"
                           class="layui-input" value="该企业疑似通过虚构项目进行非法集资活动，风险比较严重，希望工商所协助联合调查。">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="text-center">
                <a class="layui-btn" onclick="examineBtn()">发起协查</a>
            </div>
        </div>
    </form>

</div>

<!-- 全局js -->
<script src="../js/jquery.min.js?v=2.1.4"></script>
<script src="../js/plugins/layui/layui.all.js"></script>
<!-- Steps -->
<script src="../js/plugins/staps/jquery.steps.min.js"></script>
<script src="../js/plugins/mockselect/jquery.dropdown.js"></script>
<!-- 自定义js -->
<script>
    var jsonData1 = [{
        id: 1,
        name: "涉及人数",
        selected: true
    },
        {
            id: 2,
            name: "涉及金额",
            selected: true
        },
        {
            id: 3,
            name: "涉及区域",
            selected: true
        },
        {
            id: 4,
            name: "主要收入来源",
            selected: true
        }
    ];
    $('.dropdown-mul-1').dropdown({
        data: jsonData1,
        limitCount: 40,
        multipleMode: 'label',
        choice: function () {
            // console.log(arguments,this);
        }
    });
    var jsonData2 = [{
        id: 1,
        name: "产品收益率（%）",
        selected: true
    },
        {
            id: 2,
            name: "是否有多个名称或招牌",
            selected: true
        },
        {
            id: 3,
            name: "违法宣传品数量",
            selected: true
        },
        {
            id: 4,
            name: "是否有虚构项目",
            selected: true
        },
        {
            id: 5,
            name: "企业实际经营项目、产品",
            selected: true
        },
        {
            id: 6,
            name: "是否宣传企业不具备的业务资质和实力",
            selected: true
        }
    ];
    $('.dropdown-mul-2').dropdown({
        data: jsonData2,
        limitCount: 40,
        multipleMode: 'label',
        choice: function () {
            // console.log(arguments,this);
        }
    });
    var jsonData3 = [{
        id: 1,
        groupId: 1,
        groupName: "区打非办",
        name: "韭菜园街道",
        selected: false
    },
        {
            id: 2,
            groupId: 1,
            groupName: "区打非办",
            name: "韭菜园工商所",
            selected: true
        }, {
        id: 3,
        groupId: 1,
        groupName: "区打非办",
        name: "韭菜园派出所",
        selected: true
    }, {
            id: 4,
            groupId: 1,
            groupName: "区打非办",
            name: "定王台街道",
            selected: false
        },
        {
            id: 5,
            groupId: 1,
            groupName: "区打非办",
            name: "定王台工商所",
            selected: false
        }, {
            id: 6,
            groupId: 1,
            groupName: "区打非办",
            name: "定王台派出所",
            selected: false
        },
        {
            id: 7,
            groupId: 2,
            groupName: "职能部门",
            name: "区金融办",
            selected: false
        },
        {
            id: 8,
            groupId: 2,
            groupName: "职能部门",
            name: "区公安分局",
            selected: false
        },
        {
            id: 9,
            groupId: 2,
            groupName: "职能部门",
            name: "区工商分局",
            selected: false
        }

    ];
    $('.dropdown-mul-3').dropdown({
        data: jsonData3,
        limitCount: 40,
        multipleMode: 'label',
        choice: function () {
            // console.log(arguments,this);
        }
    });
    layui.use(['form', 'layedit', 'laydate'], function () {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate;

        //日期
        laydate.render({
            elem: '#date',
            type:'datetime'
        });
    });
    function examineBtn() {
        layer.confirm('您确定要发起协查吗？', {btn: ['确定', '取消']}, function (index) {
            layer.close(index);
            top.loading({
                isShow: true,
                text: "正在操作..."
            });
            window.setTimeout(function () {
                top.loading({
                    isShow: false
                });
            }, 500);
            window.setTimeout(function () {
                top.layer.msg('操作成功！');
                parent.layer.closeAll();
            }, 800);
        });
    }
</script>
</body>
</html>